
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="Modern UI CSS">
    <meta name="author" content="Sergey Pimenov">
    <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

    <link href="css/modern.css" rel="stylesheet">
    <link href="css/theme-dark.css" rel="stylesheet">
    <link href="css/modern-responsive.css" rel="stylesheet">

    <script src="js/assets/jquery-1.8.2.min.js"></script>
    <script src="js/assets/google-analytics.js"></script>
    <script src="js/assets/jquery.mousewheel.min.js"></script>
    <script src="js/assets/github.info.js"></script>
    <script src="js/modern/tile-slider.js"></script>
    <script src="js/modern/start-menu.js"></script>

    <title>Search</title>

    <style>
        body {
            background: url(icon/wallpaper1.jpg);
        }
    </style>
    
</head>
<body class="metrouicss">

<%
String username = (String)request.getParameter("username");
String none = "none";
String music = "music";
String games = "games";
String other = "other";
String recommended = "recommended";
%>

<div class="page secondary fixed-header">
    <div class="page-header ">
        <div class="page-header-content">
        
        	<div class="user-login">
                <a href="#">
                    <div class="name">
                        <span class="first-name"><%=username %></span>
                    </div>

                </a>
            </div>

            <h1 class="fg-color-white">Search</h1>
        </div>
    </div>

    <div class="page-region">
        <div class="page-region-content tiles">
            <div class="tile-group">
			
                <div class="tile double bg-color-darken">
				
                    <div class="tile-content">
						<br>
						
						<form action = "/Search" method = "get">
						
							<div class="input-control text span3 as-block" >
								<input type="text" name = "input" maxlength="15" style="background-color: black;" value = "search item"/>
							</div> <br>
							
							<input type="hidden" name="username" value=<%=username %>>
							<input type="hidden" name="category" value=<%=none %>>
							<input type="submit" value="Search"/>
						</form>
                    </div>	
                </div>
				
				<div class="tile bg-color-placeholder">
				</div>
				<div class="tile bg-color-placeholder">
				</div>

				<a href = "/Search?input=<%=none %>&category=<%=games %>&username=<%=username %>">
				<div class="tile bg-color-darken">
					<div class="tile-content">
					</div>
					<div class="brand">
						<div class="name">Games</div>
					</div>
				</div>
				</a>
							
				<a href = "/Search?input=<%=none %>&category=<%=music %>&username=<%=username %>">
				<div class="tile bg-color-red icon">
                    <div class="tile-content">
                        <img src="images/Music128.png" alt="" />
                    </div>
                    <div class="brand">
                        <span class="name">Music</span>
                    </div>
                </div>
				</a>
				
				<a href = "/Search?input=<%=none %>&category=<%=other %>&username=<%=username %>">
				<div class="tile bg-color-darken">
					<div class="tile-content">
					</div>
					<div class="brand">
						<div class="name">Other</div>
					</div>
				</div>
				</a>
				
				
				<div class="tile quadro bg-color-placeholder">
				</div>		

            </div>
			
			<div class="tile-group">
				
				<a href = "/Search?input=<%=none %>&category=<%=recommended %>&username=<%=username %>">		
				<div class="tile double double-vertical bg-color-darken">
					<div class="tile-content">
						<p>
							<br><br><br><br><br><br><br>

							<h2 align="center">Click here to see</h2> <br>
							<h2 align="center">recommended items</h2>
						</p>
					</div>
					<div class="brand">
						<div class="name">Recommended</div>
					</div>
				</div>
				</a>

            </div>

        </div>
    </div>
</div>

</body>
</html>